<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>查询界面</title>
	<script type="text/javascript" src="../../../resource/js/static_url.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../resource/css/user_css/publicStyle.css"/>
	<link rel="stylesheet" type="text/css" href="../../../resource/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../../../resource/layui/css/layui.css"/>
	<script type="text/javascript" src="../../../resource/layui/layui.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../resource/css/niubility.css"/>
	<link rel="stylesheet" type="text/css" href="../../../resource/css/user_css/equipment_info_details.css"/>
	<style>
		#allSearchText{
			cursor: initial;
			background: #fff;
			border: 1px solid #999;
			width: 250px;
			color: #000;
			padding: 0;
			padding: 6px;
			padding-left: 10px;
			position: relative;
			top: 15px;
			left: 450px;
		}
		#allSearch{
			cursor: initial;
			padding: 6px;
			width: 72px;
			position: relative;
			top: 15px;
			left: 438px;
		}
	</style>
</head>
<body>
	<!-- *****************详细信息弹出层：我给动态生成留了一个地方 **************-->
	<div class="popUp" id="popUp">
		<table class="table table-bordered"></table>					
		<table class="table table-bordered"></table>					
		<table class="table table-bordered"></table>
		<table class="table table-bordered"></table>
		<table class="table table-bordered"></table>
	</div>
	<!--  ****************转让： 点击提交后，提示，转让成功	***************-->
	<div class="transerPopUp" id="transerPopUp">
		<div class="btn_off" id="btn_off" title="关闭按钮">X</div>
		<table class="table table-bordered"></table>					
		<table class="table table-bordered"></table>					
		<table class="table table-bordered"></table>
		<label>请选择你要转让给哪位老师: </label>
		<form id="formAddDevice" action="" method="post">
			<table  class="transerUser">
				<tr>
					<td>
						<span>设备编号</span>
						<select id="equipmentNo" name="equipmentNo">
							<option value="-1">--未选择--</option>
						</select>
					</td>
					<td>
						<span>职工姓名</span>
						<select id="userName" name="userName">
							<option value="-1">--未选择--</option>
						</select>
					</td>
					<td>
						<span>职工编号</span>
						<select id="userNo" name="userNo">
							<option value="-1">--未选择--</option>
						</select>
					</td>
					<td>
						<span>存放场所</span>
						<select id="placeNo" name="placeNo">

						</select>
					</td>
					<td>
						<span style="display: inline-block;margin-left: 20px">备注信息</span>
						<textarea id="transer_remark" name="remark" style="margin-left: 20px;width: 330px;height: 84px;"></textarea>
					</td>

				</tr>
			</table>
			<button type="button" id="transer-submit" class="btn btn-default" >提交</button>
		</form>
	</div>
	<!-- ****************页面顶部那几个按钮 ******************-->
	<div class="bs">
		<input type="button" value="生命周期" id="lifeCycle">
		<input type="button" value="详细信息" id="detailedInfo">
		<input type="button" value="设备流转" id="transer">
		<input type="text" placeholder="请输入相关的查询信息" id="allSearchText">
		<input type="button" value="查找" id="allSearch">
	</div>

	<!--  ****************普通用户名：在用设备 ，使用过的设备，调出设备，报损报废设备**************** -->
	<div class="navInfo">
		<span class="navFour">在用设备信息</span> |
		<span class="navFour">使用过的设备信息</span> |
		<span class="navFour">调出设备的信息</span> |
		<span class="navFour">报损报废的设备信息</span>
	</div>

	<!--******************装在数据的 box:（1）一次性发送4个Ajax 请求，之后通过选项卡切换内容********************-->
	<div class="dataBox" id="dataBox">
		<div class="tong">
			<!--装变化的数据-->
			<table id="dataTable1" class="table table-bordered table-hover">
			</table>
			<!--用来分页的div-->
			<div class="fenBox">
				<div id="pagination1"></div>
			</div>
		</div>
		<div class="tong">
			<table id="dataTable2" class="table table-bordered table-hover">
			</table>
			<!--用来分页的div-->
			<div class="fenBox">
				<div id="pagination2"></div>
			</div>
		</div>
		<div class="tong">
			<table id="dataTable3" class="table table-bordered table-hover">
			</table>
			<!--用来分页的div-->
			<div class="fenBox">
				<div id="pagination3"></div>
			</div>
		</div>
		<div class="tong">
			<table id="dataTable4" class="table table-bordered table-hover">
			</table>
			<!--用来分页的div-->
			<div class="fenBox">
				<div id="pagination4"></div>
			</div>
		</div>
		<!-- 用来装生命周期 -->
		<div class="tong">
			<table id="dataTable5" class="table table-bordered table-hover">
			</table>
			<!--用来分页的div-->
			<div class="fenBox">
				<div id="pagination5"></div>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="../../../resource/js/jquery.min.js"></script>
	<script src="../../../resource/js/user_js/user_post_serialize.js"></script>>
	<script type="text/javascript" src="../../../resource/js/user_js/equipmentInfoAction.js"></script>
</body>
</html>